<!doctype HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge; chrome=1" />
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="HandheldFriendly" content="true">
	
</head>
<body>
	<center>
		<p id="jclock-font">jClock</p>
		<canvas id="clock"></canvas>
		<h1> -- 404 -- </h1>
		<p>诶？404了？</p>
	</center>
</body>
<style>
	body {
		min-height: 400px;
		min-width: 300px;
	}

	center > * {
		font-family: "Source Code Pro",consolas,Menlo,"PingFang SC","Microsoft YaHei",monospace;
		padding: 0;
		margin: 0;
	}

	#jclock-font {
		position: absolute;
		/*z-index: -99;*/
		width: 100%; 
		font-size: 18px;
		top: 0;
		padding: 0; 
		left: 0; 
		height: 30px;
		margin: 0;
		color: #FFF;
		background-color: #222;

		border-radius: 0px 0px 400px 400px / 0px 0px 20px 20px;
	}

	.site-nav-toggle {
		top: 30px;
	}
</style>
<script src="jClock.js" type="application/javascript"></script>
<script type="text/javascript">
	var myClock = new jClock('clock');
	myClock.jClocking();
</script>
</html>
